body {
  margin: 0;
}

.layout {
  position: relative;
  /* padding-top: @top-height; */
  padding-left: 0;
}

.layout-logo {
  position: absolute;
  top: 0;
  left: 0;
  /* width: @logo-width; */
  /* height: @top-height; */
  background-color: #ffffff;
  z-index: 501;
}

.layout-header {
  position: absolute;
  top: 0;
  /* left: @logo-width; */
  right: 0;
  /* height: @top-height; */
  background-color: #ffffff;
  z-index: 500;
}

.layout-left {
  visibility: hidden;
  position: absolute;
  /* top: @top-height; */
  bottom: 0;
  left: 0;
  /* width: @logo-width; */
  /* margin-left: -@logo-width; */
  z-index: 500;
  transition: margin-left .2s, visibility .2S;
  will-change: transition;
}

.layout-left-box {
  overflow: auto;
  height: 100%;
}

.layout-left::before {
  content: "";
  position: absolute;
  top: 0;
  height: 21px;
  width: 100%;
  background-image: linear-gradient(to bottom, #ddd, #ffffff);
  opacity: .3;
  z-index: 11;
}

.layout-right {
  display: flex;
  flex-direction: column;
  /* min-height: calc(100vh - @top-height); */
}

.layout-right::before {
  content: "";
  position: absolute;
  /* top: @top-height; */
  left: 0;
  right: 0;
  height: 5px;
  background-image: linear-gradient(to bottom, #aaaaaa, #f6f6f7);
  opacity: .2;
  z-index: 500;
}

.layout-breadcrumb {
  height: 32px;
}

.layout-main {
  flex: 1;
  width: 100%;
  display: flex;
}

.layout-fixed-header .layout-logo,
.layout-show-left.layout-fixed-nav .layout-logo,
.layout-fixed-header .layout-header,
.layout-fixed-nav .layout-left {
  position: fixed;
}

.layout-show-left {
  /* padding-left: @logo-width; */
}

.layout-show-left .layout-left {
  visibility: visible;
  margin-left: 0;
}

.layout-show-left .layout-right::before {
  /* left: @logo-width; */
}

.layout-fixed-header .layout-right::before {
  position: fixed;
}

.layout-fixed-header .layout-left::before {
  position: fixed;
  /* width: @logo-width;
  top: @top-height; */
}

.layout-logo-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.border-table {
  border: 1px solid #cccccc;
  border-spacing: 0;
  width: 100%;
}

.border-table th, .border-table td {
  border: 1px solid #cccccc;
}
